<template>
  <div class="tip">
    <el-tag
      v-for="tag in tags"
      :key="tag.name"
      closable
      effect="dark"
      class="tag"
      :type="tag.type">
      {{tag.name}}
    </el-tag>      
  </div> 
</template>
<script>
	export default {
		data() {
			return {
				tags: [
	        { name: '标签一', type: '' },
	        { name: '标签二', type: 'success' },
	        { name: '标签三', type: 'info' },
	        { name: '标签四', type: 'warning' },
	        { name: '标签五', type: 'danger' }
	      ] 
			}
		}
	}
</script>
<style>
	.tip {
    padding: 8px 6px;
    background-color: #ecf8ff;
    border-radius: 4px;
    border-left: 5px solid #50bfff;
    margin: 5px 0;
    .tag {
      margin-right: 5px;
    }
  }
  .tag {
    margin-right: 5px;
  }
</style>